<template>
  <div class="cart-list">
    <scroll class="cart-wrapper" ref="scroll">
        <cart-list-item v-for="(item,index) in cartList" :key="index" :product="item"></cart-list-item>
    </scroll>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  import Scroll from '../../../components/common/scroll/Scroll.vue'
  import CartListItem from './CartListItem.vue'

  export default {
    name:"CartList",
    components:{
      Scroll,
      CartListItem
    },
    computed:{
      ...mapGetters(['cartList'])
    },
    activated(){
      this.$refs.scroll.refresh()
    }
  }
</script>

<style scoped>
   .cart-list {
    height: calc(100vh - 44px - 49px - 44px);
    margin-top: 44px;
  }
   .cart-wrapper {
     height: 100%;
     overflow: hidden;
   }
</style>